function init301(theme) {
	var source =
		{
		datatype: "json",
		datafields:
		[
			{ name: 'id', type: 'number' },
			{ name: 'firstName', type: 'string' },
			{ name: 'lastName', type: 'string' },
			{ name: 'email', type: 'string' },
		],
		url: 'db/players_data.php'
	};
	var dataAdapter = new $.jqx.dataAdapter(source);
	
	// Create a jqxListBox
	$("#jqxWidget").jqxListBox({ source: dataAdapter, multiple: true, width: 200, height: 250, theme: theme, displayMember: 'firstName', valueMember: 'id'});
	// display selected List Items.
	var displaySelectedItems = function () {
		var items = $("#jqxWidget").jqxListBox('getSelectedItems');
		var selection = "Selected Items: ";
		for (var i = 0; i < items.length; i++) {
			selection += items[i].label + (i < items.length - 1 ? ", " : "");
		}
		$("#selectionLog").text(selection);
	}
	displaySelectedItems();
	$("#jqxWidget").on('change', function () {
		displaySelectedItems();
		
		var data = "?";
		var items = $("#jqxWidget").jqxListBox('getSelectedItems');
		for (var i = 0; i < items.length; i++) {
			data += "id=" + items[i].value + "&";
		}
		$( "#game" ).load( "301_game.php" + data, function( response, status, xhr ) {
		  if ( status == "error" ) {
			var msg = "Sorry but there was an error: ";
			$( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
		  }
		});
	});

}

